<template>
  <div>
    <mynavbar></mynavbar>

    <van-cell is-link @click="showPopup">反馈类型</van-cell>
    <van-popup v-model="show" position="bottom" :style="{ height: '30%' }"
      >内容</van-popup
    >

    <div class="cont">
      <span
        >对我们网站、商品、服务，你还有什么建议吗？你还希望在严选上买到什么？请告诉我们...</span
      >
    </div>

    <div>
      手机号码
      <van-cell is-link>137****2344</van-cell>
    </div>

    <van-button type="danger" size="large">提交</van-button>
  </div>
</template>

<script>
import mynavbar from "../item/mynavbar.vue";
export default {
  components: {
    mynavbar,
  },
  data() {
    return {
      show: false,
    };
  },
  methods: {
    showPopup() {
      this.show = true;
    },
  },
};
</script>

<style scoped>
html {
  background: #eee;
}
.cont {
  margin-top: 0.625rem;
}
.cont span {
  display: block;
  width: 92%;
  height: 18.75rem;
  margin: 0 4%;
  border: 1px solid #000;
  border-radius: 1.25rem;
}
.van-cell {
  background: #eee;
}
.van-button--danger {
  margin-top: 5rem;
}
</style>